<template>
  <div class="empty">
    <!-- <img :src="require('../assets/images/img_empty.png')" alt=""> -->
    <p class="info">{{ msg }}</p>
    <slot name="other"></slot>
  </div>
</template>

<script>
export default {
  name: "Empty",
  props: {},
  data() {
    return {};
  },
  props: {
    msg: {
      type: String,
      default: "尚未开始摇号，请耐心等待！",
    },
  },
};
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped lang="scss">
.empty {
  padding: 60px 0;
  text-align: center;
  img {
    padding-bottom: 24px;
  }
  .info {
    line-height: 42px;
    font-size: 30px;
  }
}
</style>